﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Register2.ascx.cs" Inherits="Sites_CanNhaMoUoc_Webparts_User_Register2" %>
<%@ Register TagPrefix="recaptcha" Namespace="Recaptcha" Assembly="Recaptcha" %>
<script type="text/javascript" src="<%=this._VirtualURL %>Resources/js/md5/md5.js"></script>
<link href="<%=this._VirtualURL %>Resources/js/hint/hint.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=this._VirtualURL %>resources/js/hint/hint.js"></script>
<style type="text/css">
td {position: relative; }
</style>
<%if (_Finished) { %>
<div class="oh center" style="margin-top: 20px;">
    <div class="news-title" style="text-align: center;margin-bottom: 20px;">ĐĂNG KÝ THÀNH CÔNG</div>
    <div class="border-round left">
        <p>Chúc mừng bạn đã đăng ký thành công!</p>
        <p style="margin: 10px 0px;">Bấm vào <a href="/">đây</a> để quay trở lại trang chủ.</p>
    </div>
</div>
<%} else { %>
<script type="text/javascript">
function validateForm() {
    var validateResult = NTTHAO.validator.formValidationRequired();
    
    if (validateResult) {
        var txtPassword = document.getElementById("<%=txtPassword.ClientID %>");
        var txtRetypePassword = document.getElementById("<%=txtRetypePassword.ClientID %>");
        var encryptedPassword = document.getElementById("<%=encryptedPassword.ClientID %>");
        if(txtPassword.value.trim().length > 0) {
            var md5Password = hex_md5(txtPassword.value.trim());
            encryptedPassword.value = md5Password;
        } else {
            encryptedPassword.value = "";
        }
        txtRetypePassword.value = txtPassword.value = "";
        // return false;
        //txtRetypePassword.value = "password";
    }
    
    if (validateResult) {
         $.blockUI({ 
            css: { 
                border: 'none', 
                padding: '15px', 
                backgroundColor: '#000', 
                '-webkit-border-radius': '10px', 
                '-moz-border-radius': '10px', 
                opacity: .8, 
                color: '#fff'
            } ,
            message: ('<h1>Vui lòng đợi...</h1>')
        }); 
    }
    
    return validateResult;
}

NTTHAO.validator.isUserExisting = function(val, args) {
    args.IsValid = false;
    if(val) {
        var ctrlToValidate = document.all ? document.all[val.controltovalidate] : document.getElementById(val.controltovalidate);
        var email = ctrlToValidate.value.trim();
        $.ajax({url:'/Services.KienTrucMoi.aspx?id=001&action=userid&value=' + encodeURIComponent(email),
            dataType: 'json',
            cache: false,
            async: false,
            context: args})
        .done(function(data) { 
            if (data.result === 'OK') {
                this.IsValid = data.data.existing == 0;
            }
        }); 
    }
}

NTTHAO.validator.isEmailExisting = function(val, args) {
    args.IsValid = false;
    if(val) {
        var ctrlToValidate = document.all ? document.all[val.controltovalidate] : document.getElementById(val.controltovalidate);
        var email = ctrlToValidate.value.trim();
        $.ajax({url:'/Services.KienTrucMoi.aspx?id=001&action=email&value=' + encodeURIComponent(email),
            dataType: 'json',
            cache: false,
            async: false,
            context: args})
        .done(function(data) { 
            if (data.result === 'OK') {
                this.IsValid = data.data.existing == 0;
            }
        }); 
    }
}

</script>
<form action="/vi/dang-ky/" runat="server" onsubmit="return validateForm();" id="aspnetForm">
<input type="hidden" id="encryptedPassword" name="encryptedPassword" value="" runat="server"/>
<div class="oh center" style="margin-top: 10px;">
<p style="font-size:8pt;margin-bottom:20px; text-align: center;">(<span style="color: #ff0000;">*</span>) là thông tin bắt buột nhập </p>
<div class="fm bg_form contact-form" style="width:460px;">
    <div class="fm">
        <table border="0" cellpadding="3" cellspacing="0" width="443px">
            <tr>
                <td width="140px;"><p style="text-align:right;">Tên đăng nhập: <span style="color: #ff0000;">*</span> </p></td>
                <td>
                    <input name="txtUsername" type="text" maxlength="100" id="txtUsername" onblur="NTTHAO.validator.validateMe" autocomplete="off" style="width:200px;" runat="server" />
                    <asp:CustomValidator ID="CustomValidator3" runat="server" ClientValidationFunction="NTTHAO.validator.noBlank" 
                        ControlToValidate="txtUsername" Display="Dynamic" ErrorMessage="<br />Chưa nhập tên đăng nhập." ValidateEmptyText="True"></asp:CustomValidator>
                    <asp:CustomValidator ID="CustomValidator7" runat="server" ClientValidationFunction="NTTHAO.validator.isUsernameRequired"
                        ControlToValidate="txtUsername" Display="Dynamic" ErrorMessage="<br/>Tên đăng nhập không hợp lệ."></asp:CustomValidator>
                    <asp:CustomValidator ID="CustomValidator8" runat="server" ClientValidationFunction="NTTHAO.validator.isUserExisting"
                        ControlToValidate="txtUsername" Display="Dynamic" ErrorMessage="<br/>Tên đăng nhập đã được sử dụng."></asp:CustomValidator>
                    <span class="hint">Tên đăng nhập dài tối thiểu là 5 ký tự, chỉ bao gồm các ký tự A-Z, a-z, 0-9 và '_'.<span class="hint-pointer">&nbsp;</span></span>
                </td>
            </tr>
            <tr>
                <td><p style="text-align:right;">Mật khẩu: <span style="color: #ff0000;">*</span></p></td>
                <td>
                    <input name="txtPassword" type="password" minlength="6" maxlength="30" id="txtPassword" onblur="NTTHAO.validator.validateMe" autocomplete="off" style="width:200px;" runat="server" />
                    <asp:CustomValidator ID="CustomValidator5" runat="server" ClientValidationFunction="NTTHAO.validator.minMaxLengthRequired"
                        ControlToValidate="txtPassword" Display="Dynamic" ErrorMessage="<br/>Mật khẩu đăng nhập không hợp lệ."></asp:CustomValidator>
                    <asp:CustomValidator ID="CustomValidator1" runat="server" ClientValidationFunction="NTTHAO.validator.noBlank"
                        ControlToValidate="txtPassword" Display="Dynamic" ErrorMessage="<br />Chưa nhập mật khẩu."
                        ValidateEmptyText="True"></asp:CustomValidator>
                    <span class="hint">Mật khẩu phải từ 6 ký tự trở lên, có phân biệt chữ hoa/thường.<span class="hint-pointer">&nbsp;</span></span>
                </td>
            </tr>              
            <tr>
                <td><p style="text-align:right;">Nhập lại mật khẩu: <span style="color: #ff0000;">*</span></p></td>
                <td>
	                <input name="txtRetypePassword" type="password" maxlength="30" onblur="NTTHAO.validator.validateMe" id="txtRetypePassword" autocomplete="off" style="width:200px;" runat="server" />
                    <asp:CustomValidator ID="CustomValidator4" runat="server" ClientValidationFunction="NTTHAO.validator.noBlank"
                        ControlToValidate="txtRetypePassword" Display="Dynamic" ErrorMessage="<br />Chưa xác nhận mật khẩu."
                        ValidateEmptyText="True"></asp:CustomValidator>
                    <asp:CompareValidator ID="CompareValidator2" runat="server" ControlToCompare="txtPassword"
                        ControlToValidate="txtRetypePassword" Display="Dynamic" ErrorMessage="<br />Mật khẩu xác nhận không đúng."></asp:CompareValidator>
                </td>
            </tr>
            <tr>
                <td><p style="text-align:right;">Họ tên: <span style="color: #ff0000;">*</span></p></td>
                <td>
                    <input name="txtContactName" type="text" maxlength="150" id="txtContactName" onblur="NTTHAO.validator.validateMe" autocomplete="off" formtip="Nhập tiếng Việt có dấu." style="width:200px;" runat="server" />
                    <asp:CustomValidator ID="CustomValidator2" runat="server" ClientValidationFunction="NTTHAO.validator.noBlank"
                        ControlToValidate="txtContactName" Display="Dynamic" ErrorMessage="<br />Chưa nhập họ tên."
                        ValidateEmptyText="True"></asp:CustomValidator>
                    <span class="hint">Nhập tiếng Việt có dấu.<span class="hint-pointer">&nbsp;</span></span>
                </td>
            </tr>
            <tr>
                <td width="110px;"><p style="text-align:right;">Email: <span style="color: #ff0000;">*</span></p></td>
                <td>
                    <input name="txtEmail" type="text" maxlength="100" id="txtEmail" onblur="NTTHAO.validator.validateMe" autocomplete="off" style="width:200px;" runat="server" />
                    <asp:CustomValidator ID="txtEmailRequiredValidator" runat="server" ClientValidationFunction="NTTHAO.validator.noBlank" 
                        ControlToValidate="txtEmail" Display="Dynamic"  ErrorMessage="<br />Chưa nhập email." ValidateEmptyText="True"></asp:CustomValidator>
                    <asp:CustomValidator ID="txtEmailInvalidValidator" runat="server" ClientValidationFunction="NTTHAO.validator.isEmailRequired"
                        ControlToValidate="txtEmail" Display="Dynamic" ErrorMessage="<br/>Email này không hợp lệ."></asp:CustomValidator>
                    <asp:CustomValidator ID="CustomValidator6" runat="server" ClientValidationFunction="NTTHAO.validator.isEmailExisting"
                        ControlToValidate="txtEmail" Display="Dynamic" ErrorMessage="<br/>Email này đã được sử dụng."></asp:CustomValidator>
                </td>
            </tr>
            <tr>
                <td><p style="text-align:right;">Địa chỉ: <span style="color: #ff0000;visibility:hidden;">*</span> </p></td>
                <td>
                    <input name="txtAddress" type="text" maxlength="150" id="txtAddress" onblur="NTTHAO.validator.validateMe" autocomplete="off" formtip="Nhập tiếng Việt có dấu." style="width:200px;" runat="server" />
                    <span class="hint">Nhập tiếng Việt có dấu.<span class="hint-pointer">&nbsp;</span></span>
                </td>
            </tr>
            <tr>
                <td><p style="text-align:right;">Điện thoại: <span style="color: #ff0000;visibility:hidden;">*</span> </p></td>
                <td>
                    <input name="txtPhone" type="text" maxlength="11" id="txtPhone" onblur="NTTHAO.validator.validateMe" autocomplete="off" style="width:200px;" runat="server" />
                 </td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>
                    <asp:Button Text="Đăng ký" ID="btnSubmit" OnClick="btnSubmit_Click" CssClass="button" runat="server" />
                </td>
            </tr>
        </table>
    </div>
    <div class="fm">&nbsp;</div>
</div>
<asp:Label Visible="true" ID="lblResult" runat="server" />
</div>
</form>
<script type="text/javascript">
function ValidatorOnSubmit() {
    return true;
}
document.getElementById('<%=txtUsername.ClientID %>').focus();

</script>
<%} %>